<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>选择器</title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
//		document.getElementById();	id
//		document.getElementsByClassName();	class
//		document.getElementsByName();  name
//		document.getElementsByTagName();  <
//		document.querySelector()	单个css	.dic #div div
//		document.querySelectorAll()	集合
		



//$三种书写方式
//$(document).ready(function(){
//	console.log(0);
//})
//
//$().ready(function(){
//	
//})
//
$(function(){
	$('li:first').css("color","red");//查找第一个
	$("input:not(:checked)")//查找所有未选中的 input 元素
	$("tr:even")//匹配所有索引值为偶数的元素，从 0 开始计数(查找1,3,5，实际索引0,2,4)
	$("tr:odd")//匹配所有索引值为奇数的元素，从 0 开始计数
	$("tr:eq(1)")//匹配一个给定索引值的元素(从0开始数，找的第二行)
	$("tr:gt(0)")//匹配所有大于给定索引值的元素(找到第二行第三行)
	
	
	$("li:contains(3)").css("color","aqua")//只查找索引内容，不管在哪个标签内部
	$("li:empty").css("color","aqua")//匹配所有不包含子元素或者文本的空元素
	
	
	
	
	
})
	</script>
	</head>
	<body>
		<!--<div id="div">
			这是一个div
		</div>-->
		<!--<ul>1.
    <li>list item 1</li>
    <li>list item 2</li>
    <li>list item 3</li>
    <li>list item 4</li>
    <li>list item 5</li>
</ul>
2.
<input name="apple" />
<input name="flower" checked="checked" />
3.4.5.
<table>
  <tr><td>Header 1</td></tr>
  <tr><td>Value 1</td></tr>
  <tr><td>Value 2</td></tr>
</table>


-->
<ul>
	<li>列表1</li>
	<li>列表2</li>
	<li><span id="">列表3</span></li>
	<li>列表4</li>
	<li>列表5</li>
</ul>

	</body>
</html>
